.nav.nav-tabs .nav-item .nav-link.active:after {
  box-shadow: 0 0 2px 0 rgba($primary, 0.5) !important;
}

.nav.nav-tabs .nav-item .nav-link {
  font-size: 1rem;
  padding: 17px 14px;
  text-transform: capitalize;
  letter-spacing: 0.045rem;
  color: rgba(0,0,0,.4);
  font-weight: bold;
}

.nav-vertical {
  .nav.nav-tabs .nav-item .nav-link {
    padding: 10px 25px;
  }

  .nav.nav-tabs .nav-item .nav-link.active:after {
    top: 1.3rem;
    width: 2.6rem;
    left: -17px;
    right: auto;
  }

  .nav.nav-tabs.nav-left {
    top: 5px;
  }

  .nav.nav-tabs.nav-left ~ .tab-content .tab-pane {
    background-color: transparent;
  }
}

.nav-tabs .nav-item {
  margin-bottom: 0;
}
.nav.nav-tabs {
  border-bottom: 1px solid #f4f4f4;
}

.nav-vertical {
  .nav.nav-tabs {
    border-bottom: 0;
  }

  .nav-tabs.flex-column {
    border-right: 0;

    > li {
      border-bottom: 0;
    }
  }
}

.nav-theme-primary, .nav-theme-white, .nav-theme-success, .nav-theme-info, .nav-theme-danger {
  .nav.nav-tabs {
    background: $primary;
    padding-left: 10px;
    border-radius: .15rem;
    box-shadow: $shadow;
    border-bottom: 0;
  }

  .nav.nav-tabs .nav-item .nav-link {
    color: $white50;
  }

  .nav.nav-tabs .nav-item .nav-link.active {
    color: $white;
  }

  .nav.nav-tabs .nav-item .nav-link.active:after {
    background: $white!important;
  }

  .nav-tabs .nav-item {
    margin-bottom: 2px;
  }

  //.tab-content {
  //  background: $white;
  //  box-shadow: $shadow;
  //  margin-bottom: 5px;
  //  border-radius: $card-border-radius;
  //}
}
.nav-theme-success .nav.nav-tabs {
  background: $success;
}
.nav-theme-info .nav.nav-tabs {
  background: $info;
}
.nav-theme-danger .nav.nav-tabs {
  background: $danger;
}
.nav-theme-white {
  .nav.nav-tabs {
    background: #fff;
  }

  .nav.nav-tabs .nav-item .nav-link {
    color: rgba(0,0,0,.4);;
  }

  .nav.nav-tabs .nav-item .nav-link.active {
    color: $primary;
  }

  .nav.nav-tabs .nav-item .nav-link.active:after {
    background: $primary!important;
  }
}
